<ion-header>
  <ion-toolbar color="customblue">
    <ion-buttons slot="start">
    
    <ion-back-button class="back-icon" text="" defaultHref="/"></ion-back-button>
    </ion-buttons>
    <div class="notary_title">
      <span (click)="selectNotary()">选择公证内容</span>
      <!-- <img *ngIf="isShowNotary" src="../../../assets/image/icon_notary_list_down.png" class="news-img">
      <img *ngIf="!isShowNotary" src="../../../assets/image/icon_notary_list_up.png" class="news-img"> -->
    </div>
  </ion-toolbar>
</ion-header>

<ion-content>
  <!-- <div class="notary_box" *ngIf="!isShowNotary">
    <div class="notary_list">
      <dl>
        <dd>江苏省</dd>
        <dd>南京市</dd>
        <dd>{{nowNotary}}</dd>
      </dl>
      <div *ngFor="let item of notaryList;let i = index" (click)="chooseNotary(item,i)">
        <span>{{item.notarialName}}</span>
        <img src="" alt="">
      </div>
    </div>
  </div> -->
  <img src="../../../assets/image/cj_xz.png">
  <div class="natoy-fl">按公证用途分类(单选)</div>
  <div class="natoy1">
    <div class="natoy-nr" *ngFor="let item of matterList;let i = index">
      <div class="natoy-nr1">
        <div (click)="selectClick(i)">{{item.name}}</div>
        <img src="../../../assets/image/ic_selected.png" class="natoy-img" *ngIf="selectNum==i">
      </div>
    </div>
    <!-- <div class="natoy-nr">
      <div (click)="selectClick(2)">定居移民</div>
      <img src="../../../assets/image/ic_selected.png" class="natoy-img" *ngIf="selectNum==2">
    </div>
    <div class="natoy-nr">
      <div (click)="selectClick(3)">探亲旅游</div>
      <img src="../../../assets/image/ic_selected.png" class="natoy-img" *ngIf="selectNum==3">
    </div>
    <div class="natoy-nr">
      <div (click)="selectClick(4)">商务劳务</div>
      <img src="../../../assets/image/ic_selected.png" class="natoy-img" *ngIf="selectNum==4">
    </div>
    <div class="natoy-nr">
      <div (click)="selectClick(5)">境外其他</div>
      <img src="../../../assets/image/ic_selected.png" class="natoy-img" *ngIf="selectNum==5">
    </div>
    <div class="natoy-nr">
      <div (click)="selectClick(6)">证据出具</div>
      <img src="../../../assets/image/ic_selected.png" class="natoy-img" *ngIf="selectNum==6">
    </div> -->
  </div>
  <div class="natoy-fl">按公证事项分类(多选)</div>
  <div class="natoy1">
    <div class="natoy-nr" *ngFor="let item of list">
      <div class="natoy-nr1">
        <div (click)="select1Click(item.listSelect , item.name)">{{item.name}}</div>
        <img src="../../../assets/image/ic_selected.png" class="natoy-img" *ngIf="item.listSelect">
      </div>
    </div>
  </div>
  
</ion-content>

<ion-footer>
  <ion-toolbar>
    <ion-button expand="block" class="natoy-btn" (click)="goApply()">下一步</ion-button>
  </ion-toolbar>
</ion-footer>
